<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	    <meta content="telephone=no" name="format-detection" />
		<title>充值</title>
		<link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
	</head>
	<style type="text/css">
		body{
			background-color: #F1F1F1;
		}
		.top-img{
			width: 100%;
		}
		.tip{
			color: #272727;
			padding: 20px 10px;
		}
		.btn-wrap{
			display: flex;
			background-color: #FFFFFF;
		}
		.btn{
			flex: auto;
			margin: 0 20px;
		}
		.btn img{
			width: 100%;
		}
		.wrap{
			padding-bottom: 30px;
		}
		.mine{
			box-sizing: border-box;
			padding: 0.8rem 1rem;
			overflow: hidden;
			margin-bottom: 10px;
			background-color: #FFFFFF;
		}
		.mine-icon{
			float: left;
			height: 1rem;
			margin-right: 5px;
		}
		.mine-left{
			float: left;
		}
		.mine-right{
			float: right;
			color: #D74B2D;
		}
		.back{
			background-color: #FFFFFF;
			padding-bottom: 20px;
			margin-bottom: 10px;
		}
		.li{
			display: flex;
			padding: 0 20px;
			margin-bottom: 10px;
		}
		.li-left{
			flex: auto;
			text-align: left;
		}
		.li-right{
			flex: auto;
			text-align: right;
		}
	</style>
	<body>
		<img class="top-img" src="/imgs/top1.png"/>
		<div class="wrap">
			<div class="tip">推广员充值套餐</div>
			<div class="btn-wrap">
				<div class="btn" onclick="window.location.href='/mobile/agent/payment/?type=1'">
					<img src="/imgs/yp_1000.png"/>
				</div>
				<div class="btn" onclick="window.location.href='/mobile/agent/payment/?type=2'">
					<img src="/imgs/yp_2000.png"/>
				</div>
			</div>

			<div class="list back">
				<div class="mine">购买记录</div>
				@foreach($orders as $order)
					<div class="li">
						<div class="li-left">
							{{$order->pay_time}}
						</div>
						<div class="li-right">
							￥{{$order->order_amount}}
						</div>
					</div>
				@endforeach
			</div>
		</div>
		
	<script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('/js/Inertia.js')}}"></script>
    <script type="text/javascript" src="{{asset('/js/backHome.js')}}"></script>
	</body>
</html>
